@charset "utf-8";
/*CSS document*/

body{
	width:1080px;
	margin: auto;
	/*height:2920px;*/
	/*border: 1px solid black  ;*/
	background-color: whitesmoke;

}

h1{
	color:#cc0000;	/*红色*/
	font-size:80px;
	text-align:center;	/*设置文字居中*/
	background-color: gainsboro;
	margin-top: 0px;	
	/*border: 2px solid red  ;*/
}
#div1{	/*第一个div*/
	width:1000px;
	height:80px;
	/*border: 2px solid blue  ;*/
	margin: auto;	/*居中*/
	margin-bottom: 40px;
	position: relative;
	background-color: whitesmoke;

}
#menu{	/*主菜单按钮*/
	width:100px;
	height:100%;
	display: inline-block;		/*行内块级元素*/
	/*border: 2px solid blue  ;*/
	position:absolute;	/*按照div1来定位*/
	left:10px;
	background-color: whitesmoke;

}
#menuImg{
	width:100px;
	height:100%;
	/*background-color: whitesmoke;*/
}


#search{	/*搜索框*/
	
	width:700px;
	height:100%;
	font-size:40px;	
	display: inline-block;		/*行内块级元素*/
	border: 2px solid lightgrey;
	margin: auto;
	position:absolute;	left:140px; /*按照div1来定位*/
	
	background-color: white;
}
#searchImg{
	width:60px;
	height:60px;
	margin-top: -20px;
	padding: 30px;
	position: absolute;	left:720px;
	/*border: 2px solid red;*/
}
#loginout{
	width:100px;
	height:100%;
	display: inline-block;		/*行内块级元素*/
	/*border: 2px solid black  ;*/
	font-size:40px;		/*字体大小*/
	text-align: center;	/*字体居中*/
	line-height:80px;
	position:absolute;	right:0px; /*按照div1来定位*/
	margin-top: -20px;	padding: 20px;
	background-color: whitesmoke;	
}
#loginout img{
	width:80px;
	height:80px;
	margin-top: -20px;	padding: 20px;
}
/************************************轮播图*************
 * ************************/
#RotationChart{	/*轮播图*/
	width:1000px;
	height:500px;
	/*border: 2px solid red  ;*/
	margin: auto;
}
#RotationChart img{		/*轮播图图片样式*/
	width:1000px;
	height:500px;
	position: absolute;	/*绝对定位*/
}
#focusList{	/*轮播图焦点盒子*/
	position: relative;	left:400px; top:-50px ;
	/*border: 2px solid black;*/
	height: 40px;
	width: 600px;	
}
.focus{	/*焦点<td>类*/
	height:30px;
	width:30px;
	border-radius: 100%;
	background-color: grey;	/*轮播图焦点颜色*/
	Opacity:60%
}
/************************************轮播图*************************************/


/************************************分割线*************************************/
.splitLineSolid{				/*分割线*/
	/*border: 1px solid blue;*/
	position: relative;
	margin-top: 50px;
}
.splitLineSolid hr{				/*分割线*/
	border-color: grey;
}
.splitLineDashed{				/*分割线*/
	/*border: 1px solid blue;*/
	position: relative;
	/*margin-top: 50px;*/
}
.splitLineDashed hr{				/*虚线分割线*/
	border: dashed;
	border-color: lightgrey;
}
/************************************分割线*************************************/

/************************************help*************************************/
#helpBtn,#moreInforBtn,#moreOrgBtn{		/*hr中的help，moreInforBtn，moreOrgBtn按钮*/
	width:100px;
	height: 40px;
	font-size: 30px;
	position: absolute;	left: 490px;top:-20px;
}


#helpSeek{		/*寻求帮助大盒子*/
	/*margin-top: 0px;*/
	/*border: 2px solid red;*/
}
.help{
	position: relative;
}
.help1{	/*行内元素*/
	width:250px;
	height:100px;
	background-color: lightblue;
	display: inline-block;		/*行内块级元素*/
	text-align:center;	/*设置文字居中*/
	padding-top: 50px;
	font-size:40px;
	margin-left: 50px;
	margin-top: 50px;
}
.help2{		/*行内元素*/
	width:300px;
	height:100px;
	background-color: lightcyan;
	display: inline-block;		/*行内块级元素*/
	text-align:center;	/*设置文字居中*/
	padding-top: 50px;
	font-size:40px;
	margin-left: 50px;
	margin-top: 50px;
}
/************************************help*************************************/

/************************************组织*************************************/
#orgBtn{	/*hr中的organization按钮*/
	width:200px;
	height: 40px;
	font-size: 30px;
	position: absolute;	left: 440px;top:-20px;	
}

#orgRoll{	/*组织滚动*/
	height:330px;
	position:relative;
	/*border: 2px solid red;*/
}
#loveOrgPicture{	
	height:260px;
	position: relative;
	margin-top: 0px;
	/*border: 2px solid red;*/
	position: absolute;
}
.oneOrgPicture{	/*组织头像*/
	width:200px;
	height:200px;
	margin: 30px;
	position: absolute;
}
#loveOrgName{
	/*height:130px;*/
	/*border: 2px solid green;*/
	margin-top: 260px;
	position: absolute;
}
.oneOrgName{	/*组织名字*/
	width:200px;
	text-align: center;
	font-size: 30px;
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	/*border: 2px solid red;*/
	position: absolute;
}
/************************************组织*************************************/


/************************************互助信息*************************************/
#informationBtn{
	width:200px;
	height: 40px;
	font-size: 30px;
	position: absolute;	left: 440px;top:-20px;
}
#helpInfomation{		/*互助信息大盒子*/
	width:1080px;
	/*height:1800px;*/
	/*border: 2px solid red;*/
	position: relative;
	/*margin-top: 100px;*/
}
#lookList{				/*图片列表*/
	list-style: none;
	width:100px;
	/*border: 2px solid green;*/
	display: inline-block;
	margin-left: -50px;
}
#lookList li {
	width:100px;
	height:100px;
	/*border: 2px solid red;*/
}
#lookList li img{
	width:80px;
	height:80px;
	margin: 10px;
	/*border: 2px solid blue;*/
}

#informationList{	/*信息列表*/	
	list-style: none;
	font-size: 40px;
	margin-left: -40px;
	display: inline-block;	
	/*border: 2px solid green;*/

}
#informationList li{
	width:950px;
	line-height: 100px;
	background-size:30px 30px;
	/*一下三行：文字过长自动隐藏*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	/*border: 2px solid blue;*/
}
#moreInforBtn{	/*更多信息按钮*/
	width:100px;
	height: 40px;
	font-size: 30px;
	position: absolute;	left: 490px;bottom:-20px;
}
/************************************互助信息*************************************/




#blank{	/*空白盒子*/
	height:200px;
	/*background-color: greenyellow;*/	
}

/************************************bottom*************************************/
#bottom{	/*底部*/
	width:1080px;
	height:130px;
	/*border: 2px solid blue  ;*/
	position:fixed;
	bottom: 0px;
	/*left:40px;*/	
	background-color: whitesmoke;		/*底部背景颜色*/
}

#bottom div{
	width:100px;
	height:100%;
	display: inline-block;		/*行内块级元素
	/*border: 2px solid blue  ;*/
}

#bottom img{
	width:100px;
	height:100px;
}

#bottom span{
	
	width:100px;
	height:30px;
	/*background-color: red;*/
	padding: 0;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	/*border: 2px solid blue  ;*/
	margin-left: 0px;
	margin-top: -10px;
}

#home{
	position:absolute;	/*按照div bottom来定位*/
	left:80px;
	color:#1296db;
}

#more{
	position:absolute;	/*按照div bottom来定位*/
	left:490px;
}
#mySelf{
	position:absolute;	/*按照div bottom来定位*/
	right:80px;
}

/************************************bottom*************************************/







